<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<meta name="description" content=""/>
	<meta name="keywords" content="" />
	<meta name="author" content="" />
	<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
	<title>Website Template: Simple Magazine (demo)</title>
</head>
<body id="top">
<div id="network">
	<div class="center-wrapper">
		<div class="left">Sunday, August 2, 2009 <span class="text-separator">|</span> <span class="quiet">794 users online</span></div>
		<div class="right">
			<ul class="tabbed" id="network-tabs">
				<li class="current-tab"><a href="#">Simple Magazine</a></li>
				<li><a href="#">Network site</a></li>
				<li><a href="#">Network site 2</a></li>
			</ul>
			<div class="clearer">&nbsp;</div>
		</div>
		<div class="clearer">&nbsp;</div>
	</div>
</div>
<div id="site">
	<div class="center-wrapper">
		<div id="header">
			<div class="right" id="toolbar">
				Text size <a href="#" title="Larger text"><img src="img/icon-plus.gif" width="20" height="20" alt="" /></a> <a href="#" title="Smaller text"><img src="img/icon-minus.gif" width="20" height="20" alt="" /></a>
			</div>
			<div class="clearer">&nbsp;</div>
			<div id="site-title">
				<h1><a href="#">Simple Magazine</a> <span> / News</span></h1>
			</div>
			<div id="navigation">
				<div id="main-nav">
					<ul class="tabbed">
						<li class="current-tab"><a href="#">News</a></li>
						<li><a href="#">Politics</a></li>
						<li><a href="#">Culture</a></li>
						<li><a href="#">Sport</a></li>
						<li><a href="#">Debate</a></li>
						<li><a href="#">Entertainment</a></li>
					</ul>
					<div class="clearer">&nbsp;</div>
				</div>
				<div id="sub-nav">
					<ul class="tabbed">
						<li class="current-tab"><a href="#">Frontpage</a></li>
						<li><a href="#">Style Demo</a></li>
						<li><a href="#">Two Columns</a></li>
						<li><a href="#">Single Column</a></li>
						<li><a href="#">Archives</a></li>
						<li><a href="#">Empty Page</a></li>
					</ul>
					<div class="clearer">&nbsp;</div>
				</div>
			</div>
		</div><div class="inner_copy"></div>
		<div class="main" id="main-three-columns">
			<div class="left" id="main-left">
				<div class="post">
					<div class="post-title"><h2><a href="#">Template Information</a></h2></div>
					<div class="post-date">18:11, Sunday, August 2, 2009 by Viktor Persson</div>
					<div class="post-body">
						<p><a href="#"><img src="img/news-image-big.jpg" alt="" class="bordered" /></a></p>
						<p>This is a free website template by Arcsin, built using tableless XHTML and CSS.</p>
						<p>This template is distributed under a <a>Creative Commons Attribution 2.5 License</a>, which allows you to use and modify it for any purpose (personal and commercial), under the condition that you keep the provided credit links in the footer.</p>
						<p>The latest template version and CMS conversions for platforms such as WordPress and Blogger can be found at the official page.</p>
						<p>For more templates, questions and comments please visit <a>Arcsin Web Templates</a>.</p>
						<p class="large">Have fun!</p>
						<a href="#" class="more">Read more &#187;</a>
					</div>
				</div>
				<div class="content-separator"></div>
				<div class="col3 left">
					<div class="column-content">
						<div class="post">
							<p><a href="#"><img src="img/news-image-med-1.jpg" alt="" class="bordered" /></a></p>
							<h4><a href="#">Curabitur justo arcu</a></h4>
							Bibendum at bibendum in, semper nec ibh.
						</div>
					</div>
				</div>
				<div class="col3 col3-mid left">
					<div class="column-content">
						<div class="post">
							<p><a href="#"><img src="img/news-image-med-2.jpg" alt="" class="bordered" /></a></p>
							<h4><a href="#">Donec sodales</a></h4>
							Duis risus lectus, gravida eu scelerisque.
						</div>
					</div>
				</div>
				<div class="col3 right">
					<div class="column-content">
						<div class="post">
							<p><a href="#"><img src="img/news-image-med-3.jpg" alt="" class="bordered" /></a></p>
							<h4><a href="#">Donec rhoncus</a></h4>
							Donec eget congue libero.
						</div>
					</div>
				</div>
				<div class="clearer">&nbsp;</div>
			</div>
			<div class="left sidebar" id="sidebar-1">
				<div class="post">
					<p><a href="#"><img src="img/news-image-small-1.jpg" alt="" class="bordered" /></a></p>
					<h3><a href="#">Article title</a></h3>
					<p>Integer diam elit, condimentum ac semper ut, tincidunt non diam. Ut congue rutrum justo at commodo. Aenean euismod tincidunt lorem scelerisque euismod.</p>
					<a href="#" class="more">Read more &#187;</a>
				</div>
				<div class="content-separator"></div>
				<div class="post">
					<p><a href="#"><img src="img/news-image-small-2.jpg" alt="" class="bordered" /></a></p>
					<h3><a href="#">Second Article Title</a></h3>
					<p>Sed congue lacinia leo, sed dignissim odio pharetra vel. Fusce a dignissim dui. Fusce semper porttitor enim dapibus venenatis.</p>
					<a href="#" class="more">Read more &#187;</a>
				</div>
				<div class="content-separator"></div>
				<div class="post">
					<h3><a href="#">Third title</a></h3>
					<p>Sed auctor hendrerit eros eu eleifend. Cras hendrerit iaculis sodales. Pellentesque interdum rhoncus magna.</p>
					<a href="#" class="more">Read more &#187;</a>
				</div>				
			</div>
			<div class="right sidebar" id="sidebar-2">
				<div class="section">
					<div class="section-title">
						<div class="left">Latest News</div>
						<div class="right"><img src="img/icon-time.gif" width="14" height="14" alt="" /></div>
						<div class="clearer">&nbsp;</div>
					</div>
					<div class="section-content">
						<ul class="nice-list">
							<li>
								<div class="left"><a href="#">Aenean tempor arcu..</a></div>
								<div class="right">20.49</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li>
								<div class="left"><a href="#">Justo interdum rutrum</a></div>
								<div class="right">20:40</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li>
								<div class="left"><a href="#">In nec justo in urna</a></div>
								<div class="right">19:56</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li>
								<div class="left"><a href="#">Accumsan condimentum</a></div>
								<div class="right">19:15</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li>
								<div class="left"><a href="#">Etiam commodo bibendum</a></div>
								<div class="right">19:06</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li>
								<div class="left"><a href="#">Mauris euismod justo</a></div>
								<div class="right">18:51</div>
								<div class="clearer">&nbsp;</div>
							</li>
							<li><a href="#" class="more">Browse all &#187;</a></li>
						</ul>
					</div>
				</div>
				<div class="section">
					<div class="section-title">Most Viewed</div>
					<div class="section-content">
						<ul class="nice-list">
							<li><span class="quiet">1.</span> <a href="#">Integer diam elit</a></li>
							<li><span class="quiet">2.</span> <a href="#">Condimentum ac semper</a></li>
							<li><span class="quiet">3.</span> <a href="#">Tincidunt non diam</a></li>
							<li><span class="quiet">4.</span> <a href="#">Ut congue rutrum</a></li>
							<li><span class="quiet">5.</span> <a href="#">Enim dapibus venenatis</a></li>
							<li><span class="quiet">6.</span> <a href="#">Cras hendrerit iaculis</a></li>
							<li><span class="quiet">7.</span> <a href="#">Duis mi lectus</a></li>
							<li><span class="quiet">8.</span> <a href="#">Eleifend nec tortor</a></li>
							<li><a href="#" class="more">Browse all &#187;</a></li>
						</ul>
					</div>
				</div>
				<div class="section network-section">
					<div class="section-title">Network News</div>
					<div class="section-content">
						<ul class="nice-list">
							<li><a href="#">Nullam eros</a></li>
							<li><a href="#">Eleifend nec tortor</a></li>
							<li><a href="#">Duis mi lectus</a></li>
							<li><a href="#">Integer diam elit</a></li>
							<li><a href="#">Enim dapibus venenatis</a></li>
							<li><a href="#" class="more">Visit Network Site &#187;</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="clearer">&nbsp;</div>
		</div>
		<div id="dashboard">
			<div class="column left" id="column-1">
				<div class="column-content">
					<div class="column-title">About Simple Magazine</div>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
					<a href="#">Learn more &#187;</a>
				</div>
			</div>
			<div class="column left" id="column-2">
				<div class="column-content">
					<div class="column-title">Follow Us (RSS)</div>
					<ul class="plain-list">
						<li><a href="#" class="feed">Lorem ipsum</a></li>
						<li><a href="#" class="feed">Dolor sit amet</a></li>
						<li><a href="#" class="feed">Consectetur</a></li>
						<li><a href="#" class="feed">Adipicing elit</a></li>
					</ul>
				</div>
			</div>
			<div class="column left" id="column-3">
				<div class="column-content">
					<div class="column-title">Help &amp; Support</div>
					<p>Quam velit dapibus quam, ornare suscipit tortor nisl ut tellus.</p>
					<a href="#">Frequently Asked Questions (FAQ) &#187;</a>
				</div>
			</div>
			<div class="column right" id="column-4">
				<div class="column-content">
					<div class="column-title">Get in touch</div>
					<p>Phone: +12 3456 7890<br/>Email: dolor@sit.amet</p>
					<a href="#">Online contact form &#187;</a>
				</div>
			</div>
			<div class="clearer">&nbsp;</div>
		</div>
		<div id="footer">
			<div class="left">Simple Magazine <span class="text-separator">&rarr;</span> <a href="#">Home</a> <span class="text-separator">|</span><a href="#">News</a> <span class="text-separator">|</span> <a href="#">Politics</a> <span class="text-separator">|</span> <a href="#">Culture</a> <span class="text-separator">|</span> <a href="#">Sport</a> <span class="text-separator">|</span> <a href="#">Debate</a> <span class="text-separator">|</span> <a href="#">Entertainment</a></div>
			<div class="right"><a href="http://templates.arcsin.se/">Website template</a> by <a>Arcsin</a></div>
			<div class="text-center">Popular free web templates <a href="http://www.websitetemplatesonline.com" target="_blank">at www.WebsiteTemplatesOnline.com</a>. Impressive <a href="http://www.flashtemplates.com/flash-templates/" title="Flash Templates for Websites">Flash Templates for Websites</a>.</div>
			<div class="clearer">&nbsp;</div>
		</div>
	</div>
</div>
</body>
</html>